/* HYBRID TRINITY — HERO + LOGIN + CTA extras (peak form) */

/* hero root */
.anro-hero {
    position: relative;
    width: 100%;
    height: var(--anro-hero-height, 520px);
    min-height: var(--anro-hero-minheight, 420px);
    overflow: visible;
    display: block;
    padding: 48px 0;
}

/* hero background layers (parallax) */
.anro-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.anro-hero-layer{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,0,0);will-change:transform}
.anro-hero-layer.back{background-image:radial-gradient(circle at 10% 20%, rgba(255,255,255,0.03), transparent 10%), linear-gradient(180deg, rgba(6,24,60,0.20), rgba(6,22,50,0.36)); z-index:0;opacity:0.95}
.anro-hero-layer.mid{background-image:linear-gradient(180deg, rgba(10,36,86,0.05), transparent 60%); z-index:1;opacity:0.85}
.anro-hero-layer.front{z-index:2;opacity:0.9}

/* aurora sweep */
.anro-hero-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 40% at 10% 20%, rgba(96,165,250,0.12), transparent 16%), radial-gradient(30% 30% at 90% 70%, rgba(56,189,248,0.08), transparent 18%);mix-blend-mode:screen;z-index:3;}

/* particles canvas matches hero area */
.anro-hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;display:block}

/* inner layout */
.anro-hero-inner{position:relative;z-index:5;max-width:1100px;margin:0 auto;display:flex;gap:28px;align-items:center;padding:28px var(--anro-space-lg)}
.anro-hero-left{flex:1;min-width:280px;color:var(--anro-fg-on-dark)}
.anro-hero-right{flex:0 0 420px;display:flex;justify-content:center;align-items:center}
.anro-hero-logo img{height:64px;filter:drop-shadow(0 8px 18px rgba(10,20,40,0.5))}
.anro-hero-title{font-size:34px;margin:6px 0 10px;color:var(--anro-fg-dark);letter-spacing:-0.02em}
.anro-hero-tagline{color:rgba(15,23,42,0.75);font-size:15px;max-width:540px}

/* CTA buttons */
.anro-hero-ctas{margin-top:18px;display:flex;gap:12px;align-items:center}
.anro-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;border:0;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.anro-btn-primary{background:linear-gradient(135deg,#4c9dff 0%,#2563eb 100%);color:white;box-shadow:0 10px 30px rgba(37,99,235,0.18)}
.anro-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(37,99,235,0.26)}
.anro-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.08);color:var(--anro-fg-on-dark);backdrop-filter:blur(6px)}

/* hero right art */
.anro-hero-art img{max-width:380px;display:block;filter:drop-shadow(0 28px 64px rgba(7,16,32,0.55));opacity:0.98}

/* login improvements */
.login-page .anro-login-card{width:min(640px,100%);padding:38px 42px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.66));backdrop-filter:blur(12px);box-shadow:0 28px 60px rgba(15,23,42,0.25), inset 0 0 0 1px rgba(255,255,255,0.25)}
.anro-login-title{font-size:24px;margin-bottom:18px;color:var(--anro-fg-dark)}

/* stats */
.anro-hero-stats{margin-top:16px;display:flex;gap:12px;align-items:center;color:var(--anro-fg-muted)}
.anro-hero-stats .stat{background:rgba(255,255,255,0.04);padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.03)}

/* responsive */
@media (max-width: 960px) {
    .anro-hero{height:auto;padding:34px 0}
    .anro-hero-inner{flex-direction:column;align-items:flex-start;padding:18px}
    .anro-hero-right{display:none}
    .anro-hero-title{font-size:22px}
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
    .anro-hero-layer, .anro-hero-art img { transition: none !important; animation: none !important; }
}

/* Small polish for text visibility over hero */
.anro-hero .anro-hero-left { text-shadow: 0 2px 6px rgba(10,16,28,0.18); }